﻿
@{
    ViewBag.Title = "添加轮播图";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<input type="hidden" id="mapRotute" map="map_banner" />
<style>
    .imgDelete {
        background: rgba(153, 153, 153, 0.7) none repeat scroll 0 0;
        border-radius: 50%;
        color: #fff !important;
        cursor: pointer;
        display: block;
        height: 22px;
        line-height: 22px;
        position: absolute;
        right: -86px;
        text-align: center;
        top: -10px;
        width: 22px;
    }

    .layui-upload-img {
        width: 200px;
        height: 120px;
        margin: 0 10px 10px 0;
        border: 0 none;
        box-sizing: border-box;
        vertical-align: middle;
    }

    .img_div {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #ddd;
        float: left;
        margin: 20px 25px 0 0;
        width: 120px;
        height: 120px;
        padding: 4px;
        position: relative;
    }
</style>
<style>
    /*控制文本框长度*/
</style>
<div class="title_ding">

    <p id="location">
        当前位置：
        添加轮播图
    </p>
</div>
<div class="layui">
    <div class="shopmain">
        <div class="layui-card">
            <div class="layui-card-header">添加轮播图</div>
            <div class="layui-card-body">
                <div class="layui-form" action="">
                    <div class="layui-form-item">
                        <label for="ProductId" class="layui-form-label">
                            商品ID
                        </label>
                        <div class="layui-input-inline" style="width:50%">
                            <input type="text" id="ProductId" name="ProductId" lay-verify="required" class="layui-input" placeholder="请输入商品ID,在商品管理列表中查看">
                        </div>
                        <div class="layui-form-mid layui-word-aux">
                            <span class="x-red">*</span>
                        </div>
                    </div>
               
                    <div class="layui-form-item">
                        <label for="Sorft" class="layui-form-label">
                            排序
                        </label>
                        <div class="layui-input-inline" style="width:50%">
                            <input type="text" id="Sorft" name="Sorft" value="50" lay-verify="required" class="layui-input" placeholder="请输入排序,越小越在前">
                        </div>
                        <div class="layui-form-mid layui-word-aux">
                            <span class="x-red">*</span>
                        </div>
                    </div>

                   

                    <div class="layui-form-item">
                        <label for="text_servicephone" class="layui-form-label">
                            封面图片
                        </label>
                        <div class="layui-input-inline" style="width:50%">
                            <button type="button" class="layui-btn" id="btn_upload">
                                <i class="layui-icon">&#xe67c;</i>上传图片
                            </button>

                            <div class="layui-upload-list">


                            </div>
                        </div>
                        <div class="layui-form-mid layui-word-aux">
                            <span class="x-red">*建议750*350最佳</span>
                        </div>
                    </div>

                    <div class="layui-form-item" style="text-align:center;">
                        <div class="layui-input-block" style="margin:0;">
                            <button class="layui-btn" lay-submit lay-filter="add">提交</button>
                            <button type="reset" id="btnBack" class="layui-btn">返回</button>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
</div>

<script src="~/scripts/Product/BannerAdd.js"></script>
<script>

    BannerAddClass.Instance.Init();
</script>